<template>
  <view class="page-bg">
    <view style="padding-top:200upx">
      <view class="margin-left22 margin-right22 padding-bottom30">
		<!-- 加群 -->
        <view class="margin-bottom16 padding23 bg-color-white border-radius20">
          <view class="flex">
            <view class="left">
              <image class="border-radius20" src="../../../static/images/group_icon.jpg" style="width:128upx;height:128upx"></image>
            </view>
            <view class="content dis-flex margin-left35 margin-right35">
              <view class="bg-back-w line-height">
                <view class="font-size28 margin-bottom25">游戏红包群</view>
                <view class="font-size22" style="colro:#5A5A5A"></view>
              </view>
            </view>
            <view class="right dis-flex">
              <button open-type="openGroupProfile" group-id="1005615443" class="formId-btn dis-flex height53 border-radius" style="width:122upx;background-color:#009BFD">
                <text class="line-height font-size24 color-white">加群</text>
              </button>
            </view>
          </view>
        </view>
		<!-- 小程序列表 -->
        <view @click="btnGoApp({value:value})" v-for="(value,index) in list" :key="index" class="margin-bottom16 padding23 bg-color-white border-radius20">
          <view class="flex">
            <view class="left">
              <image class="border-radius20" :src="value.phone" style="width:128upx;height:128upx"></image>
            </view>
            <view class="content dis-flex margin-left35 margin-right35">
              <view class="bg-back-w line-height">
                <view class="font-size28 margin-bottom25">{{value.name}}</view>
                <view class="font-size22" style="colro:#5A5A5A">{{value.title}}</view>
              </view>
            </view>
            <form report-submit="true" @submit="setFormId" class="right dis-flex">
              <button form-type="submit" class="formId-btn dis-flex height53 border-radius" style="width:122upx;background-color:#009BFD">
                <text class="line-height font-size24 color-white">打开</text>
              </button>
            </form>
          </view>
        </view>
      </view>
	  <view class="margin-bottom36">
		<banner-ad></banner-ad>
	  </view>
    </view>
  </view>
</template>
<script>
/*
萌动电竞
1108195067

名称：猫爪部落
appid：1109549517
名称：表白墙
appid：1109317930
名称：猫爪私密空间
appid：1109246318
名称：今日星座运势
AppID：1108937847
名称：酷酷免费壁纸
AppID:  1108953101
*/
let linkList = [
  {
    appid: '1109299115',
    name: '生日星球',
    phone:
      'https://miaozhua-test.oss-cn-hangzhou.aliyuncs.com/luckKing/icon/goApp/a_birthday.jpg',
    title: ''
  },
  // {
  //   appid: '1108195067',
  //   name: '萌动电竞',
  //   phone:
  //     'https://miaozhua-test.oss-cn-hangzhou.aliyuncs.com/luckKing/icon/goApp/a0.png',
  //   title: ''
  // },
  {
    appid: '1109317930',
    name: '表白墙',
    phone:
      'https://miaozhua-test.oss-cn-hangzhou.aliyuncs.com/luckKing/icon/goApp/a1.png',
    title: ''
  },
  {
    appid: '1108953101',
    name: '酷酷免费壁纸',
    phone:
      'https://miaozhua-test.oss-cn-hangzhou.aliyuncs.com/luckKing/icon/goApp/a2.png',
    title: ''
  },
  {
    appid: '1108937847',
    name: '今日星座运势',
    phone:
      'https://miaozhua-test.oss-cn-hangzhou.aliyuncs.com/luckKing/icon/goApp/a3.png',
    title: ''
  },
  // {
  //   appid: '1109549517',
  //   name: '猫爪部落',
  //   phone:
  //     'https://miaozhua-test.oss-cn-hangzhou.aliyuncs.com/luckKing/icon/goApp/a4.png',
  //   title: ''
  // },
  {
    appid: '1109246318',
    name: '猫爪私密空间',
    phone:
      'https://miaozhua-test.oss-cn-hangzhou.aliyuncs.com/luckKing/icon/goApp/a5.png',
    title: ''
  }
];
import { mapGetters, mapActions } from 'vuex';
export default {
  name: 'more',
  props: {
    d: {
      type: Object
    }
  },
  components: {},
  data() {
    return {
      list: linkList
    };
  },
  watch: {},
  computed: {},
  methods: {
    ...mapActions('pop', ['popShow']),
    btnGoApp(obj) {
      console.log(obj.value.appid);
      uni.navigateToMiniProgram({
        appId: obj.value.appid,
        path: '',
        success(res) {
          // 打开成功
          console.log(res);
        }
      });
    },
	setFormId(e){
		this.$store.dispatch('common/formIdListUp', { e:e, isSave:true })
	}
  },
  created() {},
  mounted() {},
  onShow() {
    this.popShow();
	
	// let appbox = qq.createAppBox({
	//   adUnitId: 'e006aae857b77793e40ec0fafb85e031'
	// })
	// appbox.load().then(()=>{
	//   appbox.show()
	// })
  }
};
</script>
<style lang="scss" scoped>
</style>
